<ul class="am-nav am-nav-tabs">
  <li class="am-active" ><a href="#">全部</a></li>
  <li><a href="#">近战武器</a></li>
  <li><a href="#">盾牌</a></li>
  <li><a href="#">远程武器</a></li>
  <li><a href="#">弹药</a></li>
  <li><a href="#">头盔</a></li>
  <li><a href="#">胸甲</a></li>
  <li><a href="#">护腿</a></li>
  <li><a href="#">鞋子</a></li>
  <li><a href="#">翅膀</a></li>
</ul>
<div class="am-panel am-panel-default" style="border-top:0px;">
  <div class="am-panel-bd">
    <table class="am-table am-text-center">
      <thead >
      <tr >
        <th class="am-text-center">时装名称</th>
        <th class="am-text-center">时装类型</th>
        <th class="am-text-center">上传时间</th>
        <th class="am-text-center">作者名称</th>
        <th class="am-text-center">试穿时装</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let skin of pager.value">
        <td>{{skin.skinName}}</td>
        <td>武器</td>
        <td>2017-10-01</td>
        <td>老陈</td>
        <td><button (click)="shichuan(skin)">点击试穿</button></td>

      </tr>

      </tbody>
    </table>

  </div>
</div>


